<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>欧增奇个人博客(ouzengqi.com)</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../layui/css/layui.css" th:href="@{/layui/css/layui.css}" media="all">
<link rel="stylesheet" href="../../css/index.css" th:href="@{/css/index.css}">
<link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <!--/* 头部 */-->
    <header class="ozq-header layui-bg-black">
        <nav class="layui-container">
            <a class="ozq-logo" href="/" title="欧增奇,ouzengqi,个人博客">
                <img lay-src="/images/logo.png" alt="欧增奇个人博客">
            </a>
            <ul class="layui-nav ozq-nav">
                <li class="layui-nav-item" th:classappend="${#request.requestURI=='/'}?'layui-this':''">
                    <a href="/">首页</a>
                </li>
                <li class="layui-nav-item" th:classappend="${#request.requestURI=='/share/share.html' || #request.requestURI=='/share/article.html' || #strings.startsWith(#request.requestURI,'/share/article/') || #strings.startsWith(#request.requestURI,'/detail/')}?'layui-this':''">
                    <a href="/share/share.html" th:href="@{/share/share.html}">分享</a>
                </li>
                <li class="layui-nav-item" th:classappend="${#request.requestURI=='/common/dynamic.html' || #request.requestURI=='/user/dynamic.html'}?'layui-this':''">
                    <a href="/common/dynamic.html" th:href="@{/common/dynamic.html}">动态</a>
                </li>
                <li class="layui-nav-item" th:classappend="${#request.requestURI=='/common/opus.html' || #request.requestURI=='/user/opus.html'}?'layui-this':''">
                    <a href="/common/opus.html" th:href="@{/common/opus.html}">作品</a>
                </li>
                <li class="layui-nav-item" th:classappend="${#request.requestURI=='/common/message.html'}?'layui-this':''">
                    <a href="/common/message.html" th:href="@{/common/message.html}">留言</a>
                </li>
            </ul>
            <ul class="layui-nav ozq-nav-user">
                <!--/* QQ登录（未登录）
                <li class="layui-nav-item">
                    <a href="/login/qq/to" class="ozq-login-qq" title="QQ登录">
                        <i class="fa fa-qq fa-lg"></i>
                    </a>
                </li>
                                         已登录
                <li class="layui-nav-item">
                    <a class="ozq-nav-avatar">
                        <img src="//q.qlogo.cn/qqapp/101235792/D06E5B3B3417FB5FDD44FB49A7FC497D/40" alt="欧增奇" title="欧增奇">
                    </a>
                </li> */-->
            </ul>
        </nav>
    </header>
    <!--/* 中部内容 */-->
    <article class="ozq-main layui-container layui-clear" th:include="this :: ozq-main-template" th:attr="data-authen=${token==null?'':token}"></article>
    <!--/* 底部 */-->
    <footer class="ozq-footer layui-clear">
        <!--/* <div class="ozq-footer-link">友情链接</div>
        <span class="layui-breadcrumb" lay-separator="|">
            <a href="http://www.layui.com" target="_blank">layui</a>
        </span> */-->
        <div class="ozq-footer-info">
            <a href="//www.ouzengqi.com">欧增奇个人博客</a>
            <span class="layui-word-aux">2017&nbsp;©</span>
            <a href="//www.ouzengqi.com">ouzengqi.com</a>
            <span class="layui-word-aux">渝ICP备16006210号</span>
        </div>
    </footer>
    <script src="//cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/fingerprintjs/0.5.3/fingerprint.min.js"></script>
    <script src="../layui/layui.js" th:src="@{/layui/layui.js}"></script>
    <script src="../js/index.js" th:src="@{/js/index.js}"></script>
</body>
</html>